<!-- BEGIN: HOME -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Refresh" content="3600" >
<meta name="keywords" content="Quần, áo, váy, thời trang" >
<meta name="description" content="Shopping Topkids Việt Nam fashion" >
<title>{title}</title>
<link rel="stylesheet" href="{baseUrl}/css/style.css" />
<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="{baseUrl}/css/ie.css" />
<![endif]-->
<link rel="stylesheet" href="{baseUrl}/js/nivo-slider/nivo-slider.css" type="text/css" >
<link rel="stylesheet" href="{baseUrl}/css/lightbox.css" type="text/css" >
<link rel="stylesheet" href="{baseUrl}/js/nivo-slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{baseUrl}/js/nivo-slider/themes/pascal/pascal.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{baseUrl}/js/nivo-slider/themes/orman/orman.css" type="text/css" media="screen" />

<script type="text/javascript" src="{baseUrl}/js/fashion/jquery.js"></script>
<script type="text/javascript" src="{baseUrl}/js/fashion/jscript_jzcarousellite.js"></script>
<script type="text/javascript" src="{baseUrl}/js/nivo-slider/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<script type="text/javascript" src="{baseUrl}/js/jquery.tinycarousel.min.js"></script>
<!-- BEGIN: BACKGROUND -->
<style type="text/css">
	body{background:url(media/website/background/{background});}
</style>
<!-- END: BACKGROUND -->
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
	<div class="wrapper">
    	<div class="page">
        	<div class="main-width">
            	<div id="header">
                	<div class="top">
                    	<div class="logo">
                        	<a href="{baseUrl}" title="{title}">
                            	<img src="{baseUrl}/img/topkidlogo.gif" width="320" height="90" />
                            </a>
                        </div>
						<div class="top-links">
							<div class="nav-links">
								<a href="{fb}" title="Go to my fanpage">
									<img src="img/logo_facebook.png" alt="logo-facebook" border="0" height="32" width="32"/>
								</a>
								<a href="skype:{sky}?call"><img src="http://mystatus.skype.com/balloon/{sky}" style="border: none;" width="120" height="32" alt="My status" /></a>
								<a href="ymsgr:sendim?{yahoo}" title="Chat với tôi">
									<img src="http://opi.yahoo.com/online?u={yahoo}&m=g&t=9" alt="Chữ sẽ hiển thị khi không có hình" border="0" height="32" width="32" />
								</a>
								
								<div class="clr"></div>
							</div>
						</div>
						<div class="clr"></div>
                    </div>
					<div class="main-nav">
						<div class="menu">
							<ul>
								<li>
									<a href="{baseUrl}">
										<span>
											<span>Trang chủ</span>
										</span>
									</a>
								</li>
								<li>
									<a href="{baseUrl}/?c=news&a=list">
										<span>
											<span>Tin Tức</span>
										</span>
									</a>
								</li>
								<li>
									<a href="{baseUrl}/?c=product&a=new">
										<span>
											<span>Sản phẩm mới</span>
										</span>
									</a>
								</li>
								<li>
									<a href="{baseUrl}/?c=product&a=list">
										<span>
											<span>Tất cả sản phẩm</span>
										</span>
									</a>
								</li>
								<li>
									<a href="{baseUrl}/?c=product&a=sales">
										<span>
											<span>Sales</span>
										</span>
									</a>
								</li>
								
								<li>
									<a href="{baseUrl}/?c=website&a=contact">
										<span>
											<span>Liên hệ</span>
										</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="search-form">
							<form name="frmminisearch" action="{baseUrl}/?c=product&a=list" method="post">
								<div>
									<span>
										<input type="text" name="q" class="inputtext" value="Tìm toàn bộ website..." onfocus="if(this.value=='Tìm toàn bộ website...') this.value=''" onblur="if(this.value=='') this.value='Tìm toàn bộ website...'" onkeyup="getBook(this.value)" />
									</span>
									<input type="image" title=" Search " alt="Search" src="{baseUrl}/img/search.gif">
								</div>
							</form>
						</div>
					</div>
					<!-- BEGIN: BANNER -->
					{banner}
					<!-- END: BANNER -->
					<!-- BEGIN: CAROUSEL -->
					<div class="carousel-box">
						<div class="inner">

						<button class="prev"></button>
						<button class="next"></button>
						<div class="carousel">
							<ul>
								<!-- BEGIN: LISTSLIDER -->
								<li>
									<a href="?c=product&a=view&id={LISTSLIDER.product_id}">
										<span>
											<img width="100" height="100" alt="" src="{baseUrl}{LISTSLIDER.imgurl}">
										</span>
										<div class="clr"></div>
									</a>
									
								</li>
								<!-- END: LISTSLIDER -->
							</ul>
						</div>
					</div>
					</div>
					<!-- END: CAROUSEL -->
                </div>
                <div id="main-container">
					<!-- BEGIN: BREADCRUMBS -->
					<div class="breadcrumbs">
						<ul>
							{breadcrumb}
						</ul>
					</div>
					<!-- END: BREADCRUMBS -->
					<!-- BEGIN: CATEGORY -->		
					
					<div class="col-left sidebar">
						<div id="categories" class="box">
							<div class="box-head">
								<div class="left-bg">
									<div class="right-bg"> Danh mục </div>
								</div>
							</div>
							<div class="box-body">
								<div class="left-border">
									<div class="right-border">
										<div class="left-bot">
											<div class="right-bot">
												<div class="indent">
													{tree}
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="box">
							<a href="{fb}">
								<img src="img/facebook_logo.jpg" width="234" height="120" />
							</a>
						</div>
						<!-- BEGIN: BESTSELLER -->
						<script type="text/javascript" src="{baseUrl}/js/jquery.bxSlider.min.js"></script>
						<script style="text/javascript">
							jQuery.noConflict();
							
							jQuery(document).ready(function(){
							var countItem=0;
								jQuery('#block-feature li').each(function() {
									countItem++;
								});
								if(countItem>3){
									jQuery('#block-feature').bxSlider({
										auto:true,
										mode: 'vertical',
										displaySlideQty:3,
									});
								}
							});
							
							/*
							jQuery(function(){
								
							});*/
						</script>
						<div id="bestseller" class="box">
							<div class="box-head">
								<div class="left-bg">
									<div class="right-bg"> Bestsellers </div>
								</div>
							</div>
							<div class="box-body bestseller-body">
								<div class="left-border">
									<div class="right-border">
										<div class="left-bot">
											<div class="right-bot">
												<ol id="block-feature">
													<!-- BEGIN: LISTBESTSELLER -->
													<li>
														<a href="?c=product&a=view&id={LISTBESTSELLER.product_id}" class="img"><img src="{baseUrl}/{LISTBESTSELLER.imgurl}" width="100" height="100" alt="{LISTBESTSELLER.product_name}" /></a>
														<div class="short_info">
															<a href="?c=product&a=view&id={LISTBESTSELLER.product_id}">{LISTBESTSELLER.product_name}</a>
															<br/>
															{LISTBESTSELLER.price}
														</div>
														<div class="clr"></div>
													</li>
													<!-- END: LISTBESTSELLER -->
													
												</ol>
												<div class="clr"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- END: BESTSELLER -->
					</div>
					<!-- END: CATEGORY -->
						
						{content}
					
					<div class="clr"></div>
                </div>
                <div id="footer">
					<div class="footer-wrapper">
						<div class="alignright">
							<div class="menu">
								<a href="http://topkids.com.vn/index.php/">Trang chủ</a>
								&nbsp; &nbsp; &nbsp;::&nbsp; &nbsp; &nbsp;
								<a href="#">Sản phẩm mới</a>
								&nbsp; &nbsp; &nbsp;::&nbsp; &nbsp; &nbsp;
								<a href="#">Kinh doanh</a>
								&nbsp; &nbsp; &nbsp;::&nbsp; &nbsp; &nbsp;
								<a href="#">Tất cả sản phẩm</a>
								&nbsp; &nbsp; &nbsp;::&nbsp; &nbsp; &nbsp;
								<a href="#">Liên hệ</a>
							</div>
							<p>
								Copyright &copy; 2011
								<a target="_blank" href="">TopKids Fashion</a>
							</p>
						</div>
						<div class="clr"></div>
					</div>
                </div>
            </div>
        </div>	
    </div>
	
<script type="text/javascript">
jQuery(document).ready(function() {

		//carousel begin

		jQuery(".carousel").jCarouselLite({

			btnNext: ".next",

			btnPrev: ".prev",

		});

	});

</script>
</body>
</html>
<!-- END: HOME -->
